.navigation {
  
  ul > li {
    float: left;
    margin: 0 15px;
    height: 43px;
    font-size: 16px;
    line-height: 43px;
  }
  .c_navigation_nav {
    background-color: #f10180;
    width: 156px;
    height: auto;
    color: #fff;
    text-align: center;
    position: relative;

    i {
      font-size: 20px;
      margin-right: 5px;
    }
    a{
      color: #fff;
    }
    a:hover{
      color: #fff;
    }
    ul {
      position: absolute;
      height: 0;
      transition: height .5s;
      // overflow-x: hidden;
      width: 100%;
      z-index: 9999;
      li {
        background-color: #f10180;
        display: none;
          line-height: 43px;
        font-size: 13px;
        text-align: left;
        padding-left: 33px;
        float: none;
        margin: 0;
        
        // 小菜单后面的详细框框
        .minute {
          display: none;
          position: absolute;
          top: 0;
          left: 156px;
          width: 1000px;
          height: 473px;
          background: #fff;
        //   background: darkgreen;
          .left {
            width: 700px;
            height: 100%;
            overflow: auto;
            padding-top: 10px;
            padding-left: 30px;
            border-top: 2px solid #f5f5f5;
            .line1{
                color:#000;
                font-size: 12px;  
                .title{
                    width: 90px;
                    height: 43px;
                    // background: pink;
                    font-weight: bold;
                    i{
                        font-size: 12px;
                        line-height: 47px;
                    }
                }
                .cont{
                    
                    height: 43px;
                    // background: #f10180;
                    span{
                        color: #666;
                        margin-left: 10px;
                    }
                }
            }
          }

          //滚动条
          .left::-webkit-scrollbar {
            width: 8px;
            
          }
          
          .left::-webkit-scrollbar-thumb {
            background-color:#cdcdcd;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            min-height: 40%;
          }
          .right {
            width: 296px;
            height: 100%;
            background: #f5f5f5;
            color: #000;
            font-size: 12px;
            padding-left: 20px;
            padding-top: 10px;
            .imgbox{
              width: 85px;
              height: 85px;
              margin: 5px 5px 0 0;
              display: inline-block;
              background: #fff;
              img{
                width: 65px;
                margin-left: 10px;
              }
              p{
                text-align: center;
              }
            }
          }
        }
      }
      li:hover {
        background: #fff;
        color: #f10180;
        .minute{
          display: block;
        }
      }
    }
  }
  .c_navigation_nav:hover{
    ul{
      // display: block;
      height:476px;
      li{
        display:block;
      }
    }
  }
  a{
    color: #666;
  }
  a:hover{
    color: #f10180;
  }
}
